آموزش پروژه MEAN Stack 2026 - ساخت کلون ترلو (Trello) به صورت Real-Time [ویدئویی] - آخرین آپدیت

سرفصل ها و درس ها

آماده‌سازی ابزارها Preparing Tools

• مقدمه Introduction

• تکنولوژی‌های مورد استفاده در MEAN Stack MEAN Stack. What Technologies Do We Use?

• منابع قابل دانلود Downloadable Resources

• نصب Node و Angular Installing Node & Angular

• پیکربندی سرور NodeJS Configuring NodeJS Server

• نصب دیتابیس MongoDB Installing MongoDB Database

• انتخاب ادیتور مناسب (پیشنهاد VSCode) Do You Use a Good Editor? VSCode Is What I Recommend

احراز هویت Authentication

• راه‌اندازی Web Sockets در NodeJS Setting Up Web Sockets in NodeJS

• ساخت مدل کاربر با Mongoose Creating Mongoose User Model

• افزودن قابلیت ثبت‌نام در NodeJS Adding Registration in NodeJS

• پیاده‌سازی ورود کاربر در NodeJS Implementing Login in NodeJS

• ساخت Middleware احراز هویت در NodeJS Creating Auth Middleware in NodeJS

• ساخت ماژول Auth در Angular Creating Auth Module in Angular

• صفحه ثبت‌نام در Angular (ساختار و فرم) Register Page in Angular - Markup + Form

• صفحه ثبت‌نام در Angular (سرویس و اعتبارسنجی) Register Page in Angular - Service + Validation

• صفحه ورود در Angular Login Page in Angular

• صفحه اصلی در Angular Home Page in Angular

• ساخت Auth Interceptor در Angular Auth Interceptor in Angular

• ساخت Auth Guard در Angular Auth Guard in Angular

صفحه تخته‌ها Boards Page

• دریافت لیست تخته‌ها Getting Boards

• توسعه فرانت‌اند برای دریافت تخته‌ها Frontend for Getting Boards

• فرم داخلی (Inline Form) Inline Form

• پیاده‌سازی قابلیت ایجاد تخته Implementing Creating a Board

• افزودن نوار ابزار بالا و خروج از حساب Adding Top Bar and Logout

صفحه تخته Board Page

• ساخت ماژول Board Creating Board Module

• دریافت اطلاعات یک تخته واحد Getting a Single Board

• افزودن Board Stream Adding Board Stream

• ساخت سرویس Socket Creating Socket Service

• ورود و خروج از تخته Joining and Leaving Board

• احراز هویت در Socket.io Authentication in Socket.io

• دریافت ستون‌ها Getting Columns

• ایجاد ستون با WebSockets Create Column with WebSockets

• دریافت ستون‌ها در کلاینت Getting Columns on the Client

• فرم ایجاد ستون Create Column Form

• ساخت یک تسک پایه Creating a Basic Task

• دریافت تسک‌ها Getting Tasks

• فرم ایجاد تسک Create Task Form

بهبودهای تخته Board Improvements

• به‌روزرسانی نام تخته Update Board Name

• حذف تخته Delete Board

• حذف ستون Delete Column

• به‌روزرسانی ستون Update Column

• لغو اشتراک (Unsubscribe) در Angular Unsubscribe in Angular

مودال تسک Task Modal

• ماژول تسک و کامپوننت پایه Task Module and Basic Component

• دریافت تسک و ستون‌ها Get Task and Columns

• به‌روزرسانی تسک Update Task

• حذف تسک Delete Task

استقرار (Deployment) Deployment

• استقرار پروژه MEAN Stack MEAN Stack Deployment

گام‌های بعدی What's Next?

• تکلیف نهایی Homework